@import url(reset.css);
@import url(ListTable.css);
@import url(FormTable.css);
@import url(WhereTo.css);


body{
	margin: 0;
	padding: 0;
	background-color:#f4f4f4;
	background-size:100% 100%;
	font-family: Microsoft YaHe, arial, sans-serif;
	font-size: 14px;
	color: #656565;
}

h1{
	color: #383838;
	margin: 0;
	
}

h2{
	color: #00b5f1;
	margin: 0 0 10px 0;
	font-weight: normal;
	float: left;
	
}

div.navheader h2 {
	float: none;
}

h3{
	color: #00b5f1;
	font-weight: normal;
		
		
}

p {
	line-height: 18px;
	color: #252525;
	font-weight: normal;

}

a {
	text-decoration: none;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:hover{
	text-decoration:underline;
}

em{
	color: #b3b3b3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

label
{
    padding-left: 5px;
    font-size: 1.1em;
    color: #00b5f1;
}

input[type='text'],
input[type='password'],
textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
button{
	line-height: 22px;
	padding: 0 5px;
	color: #ffffff;
	border: none;
	font-size: 12px;
	
}
.tooltoggle {
	float: right;
	margin-top: 5px;
	font-size: 14px;
	
}



#wrapper{
	
}

a img{
	border: 0;

}

.navLink
{

	font-style: normal;
	font-family: arial;
   
}

.navLink:hover
{
	text-decoration: none;   
}

span.loginError, #valUsername, #valPassword 
{
	color: Red;
	margin-bottom: 20px;
	display: block;
}

a.backtotop
{
	position: fixed;
	z-index: 999;
	top: -45px;
	left: 35px;
	background: url('../img/backtotop_up.png');
	height: 45px;
	width: 154px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
}

select
{
	max-width: 350px;
}

option.deleted
{
    color: #dadada;
    text-decoration: line-through;
}

#errorList
{
	border: 1px solid #ea3232;
	border-radius: 5px;
	background-color: #ffd6d6;
	margin-bottom: 4px;
	text-align: center;
}

#errorList a
{
	color: #ea3232;
	padding: 5px;
	display: block;
	font-family: Sans-Serif;
	font-style: normal;
}

#errorList a:hover
{
	background: #ffbebd;
}

.highlightedControl
{
	background-color: #ffd6d6;
	border: 1px solid #ea3232;
}  


/*_________________HEADER STYLING______________________________*/

#headercontainer {
	background: #517cc0 url('../img/headerbg2.png') repeat-x ;
	width: 100%;
	overflow: hidden;			
}

#headercontainer p{
	color: white;
	display: inline;	
}

#headercontainer h2 {
	display:inline;
}

#headercontainer img.customerLogo
{
	position: absolute;
	top: 5px;
}

.mobilizelogo {
	float: left;
	margin: 10px 0 0 20px;
}

.logindetails {
	float: right;
	min-width: 350px;
	max-width: 500px;
	text-align: right;
	margin: 50px 50px 10px 10px;
	font-family: "微软雅黑";
	
}
.logindetails p a{
	color: #ffffff;	
}
.logindetails img{
	margin: 0 8px 0 20px;
}

.clear {
	clear: both;
}


/*_________________MAIN CONTENT STYLING_________________________*/

.pageheader:before,
.pageheader:after {
    content:"";
    display:table;
}
.pageheader:after {
    clear:both;
}
.pageheader {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
    margin-bottom: 10px;
}

.pageheader h1 
{
	float: left;
}

.pageheader img{
	float: left;
	margin-top: 6px;
	margin-right: 5px;
}

#maincontent {
	min-width: 780px;
	margin:0px 0px 0px 220px;
	width: auto;
	/*overflow: auto;*/
}

.content, .reportFilter, .reportResults, .formContent, .listFilter, .listResults, #scheduleDetailsWrap, #scheduleTableContainerWrapper{
	padding: 10px 20px 20px 20px;
	background: white;
	margin-bottom: 20px;
	clear: both;
	border-radius: 2px;
}
.listFilter{
	padding:0;
}
.listFilter h2,.listFilter h1,.pageheader h1,.page-header h2{
	width: 100%;
	text-indent:20px;
	line-height: 40px;
	border-bottom: 1px solid #cccccc;
	font-size:14px;
	color:#656565;
	background-color:#e9eef1;
}
.tabbed{
	border-top-left-radius: 0px;
}

.divider, .newsDivider {
	background:url('../img/divider.png') repeat-x;
	width: 100%;
	height: 2px;
	margin-bottom: 20px;
	margin-top: 10px;
	clear: both;
}

.newsDivider{
   margin-bottom: 0px;
}

#contentleft {
	float: left;
	width: 49%;
	margin-right: 2%;	
}

#contentright{
	float:left;
	width: 49%;	
}


/*___________________TOOLTIP STYLING____________________________*/

.tooltip{
	font-size: 14px;
	padding-left: 10px;
	text-indent: 0;
	display: inline-block;
}


/*_______________Messages_____________*/

td.ErrorText{
	color:Red;
	font-weight:bold;
}

.errorText{
	color:Red;
	font-weight:bold;
}


span.FailureMessage{
	color: #ea3232;
	font-weight:bold;
}

span.SuccessMessage{
	color: #00b5f2;
	font-weight:bold;
}
 
/*___________________NAVIGATION STYLING_________________________*/
 
.navheader {
	padding: 10px;
	border-top: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
	margin-bottom: 20px;
	width: 180px;	
}

#nav 
{
	position: absolute;
	min-height:768px;
	max-height: 100%;
	top:85px;
	width: 220px;
	/*margin: 0 20px 20px 10px;
	 *left: 5px;
	 */
	background-color:#3d4b5e ;
	border-right:1px solid #3d4b5e;	
}

.menu_list {
	width:220px;
}

.menu_head {
	line-height:35px;
	padding-left:50px;
	cursor: pointer;
	position: relative;
	margin: 0;
	background: url('../img/navsprite.png'); 
	color: #b1b7bf;
	font-family:YouYuan; 
}

.menuhead a{
	text-decoration: none;
}

.menu_body {
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	line-height: 35px;
	background:#505e70;
	display:none;
}

.menublue{
	background: url('../img/navspriteblue.png'); 
}

.selected{
	background: url('../img/navspriteblue.png');
}

.menu_body#active {
	display: block;
}

.menu_body a {
  display:block;
  color: #b1b7bf;
  padding-left:30px;
  line-height: 40px;
  text-decoration:none;
  font-family: arial, sans-serif;
  font-style: normal;
}

.menu_body a:hover {
  color: #ffffff;
}

.menu_head a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #383838;
}

.helpEmbedded a
{
	float: none;
}


/*________________________NAVIGATION IMAGE REPLACEMENTS________*/

#nav_dash {
	background-position: 0px -239px;
}

#nav_gensetup{
	background-position: 0px 0px;
}

#nav_opsetup{
	background-position: 0px -34px;
}

#nav_forcemgmt{
	background-position: 0px -68px;
	
}

#nav_messaging{
	background-position: 0px -103px;	
}

#nav_opreport{
	background-position: 0px -137px;
}

#nav_mgmtreport{
	background-position: 0px -170px;

}

#nav_logout{
	background-position: 0px -204px;
}


/*_____________WHERE TO LINKS______________________________*/

div.WhereToLink 
{
    margin-top: 6px; 
    font-size: 14px;
}
    
div.WhereToLink a 
{
    text-decoration: none; 
    color: #00b5f2; 
    font-weight: normal;
}
    
div.WhereToLink a:hover 
{
    text-decoration: underline;
}
    
div.WhereToLink img 
{
    border-width: 0px; 
    margin-right: 4px; 
    vertical-align:middle;
}
    
div.WhereToLinks 
{
    margin-top: 25px;
}

/*________________________FOOTER STYLING_______________________*/

.footer {
	
	width: 720px;
	clear: both;
	margin-left: 260px;
}


/*________________________FILTER STYLING________________________*/

.picker{
	padding: 10px 0px 10px 0px;
}

.picker select{
	float: left;
	margin-right: 10px;
}

.picker .date{
	float: left;
	margin-right: 10px;
}

.filtercommit{
	clear: both;
	padding: 10px;
	margin: 0;
}
	
.formSubmit{
	padding-left: 20px;
	padding-top: 10px;
}
	
#detailsSubmit, 
#detailsSubmitPage2{
	padding-left: 0;
}

div.advancedPanel{
	margin: 0 0 20px 0;
	padding: 10px; 
}

div.advancedPanel table td.whiteSpace{
	width: 20px;
}   


/*________________________TABLE STYLING_________________________*/

.table, .SectionHeader, SectionBody, .SectionFooter, .SectionSubBody { 
	clear: both;
	box-shadow: 10px 10px 5px #888;
}

.list_table {
	width: 100%;
	clear: both;
}


.list_table td,
.SectionHeader td,
.SectionBody td,
.SectionFooter td,
.SectionSubBody td {

	border: 1px solid #cccccc;
	line-height:40px;
}

.list_table thead,
.SectionHeader thead,
.SectionBody thead,
.SectionFooter {
	text-align: center;
	color: white;
	background-color:#517cc0;
	line-height:40px;
	border: 1px solid #517cc0;
}

.ComplianceHeader th {
    background-color:#0066cc;
}

.SectionSubBody thead {
    background-color:#00b1f1;
    text-align: center;
	color: white;
}

.list_table thead a{
	color: white;
	font-family: Arial, Sans-Serif;
	font-style: normal;
}

.oddrow{
	background-color: #d2d2d2;
}

.evenrow{
	background-color: #eaeaea;
}

.tickbox{
	width: 20px;
	text-align:center;
}

.inforow {
	margin-top: 5px;
	margin-bottom: 20px;
}

.formLeft{
	float: left;
}

.scrollable{
	overflow: auto;
	height: 150px;
}
	

.formRight{
	float: left;
}



table.list_table tbody td.row_link{
	width: 30px;
	text-align: center;
}
button.button,#upbtn{
	min-width: 64px;
	line-height:30px;
	color: #ffffff;
	cursor: pointer;
	background-color: #337ab7;
	border:none;
}
#query_table .add_button{
	background-color:#6eba3c;
	margin-right:20px;
	line-height: 30px;
	border-radius: 0px;
}
#query_table .clear{
	background-color:#f54141;
}
#query_table .screen{
	background-color:#3277df;
}
#query_table #upbtn{
	background-color:#3277df;
}
table#query_table .FormLabel input{
	height:22px;
	border:1px solid #cccccc;
}
/* ________________Title and message____________ */

div.list_title{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 2px;
}

div.list_title, 
div.list_message{
	color: #00b5f1;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.list_title img, 
div.list_message img{
	vertical-align: middle;
	margin-right: 4px;
}

div.list_message{
	font-size: small;
}


/*____________ Filter___________________________________ */

div.filter {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
}

td.filter_label {
	color:#00b5f1;
	font-size: 14px;
}

/* Paging */
div.list_paging_bottom {
	border-top: 0px;
}
div.ExportLinks{
	margin-left: 20px;
}
div.list_paging_top, 
div.list_paging_bottom, 
div.ExportLinks a {
	float:left;
	margin:2px 1px 0 0;
	height:30px;
	line-height:30px;
	padding:0px 15px;
	color:#fff;
	margin-right:10px;
	text-align: center;
}

div.list_paging_top span.list_paging_inactive img, 
div.list_paging_bottom span.list_paging_inactive img, 
div.list_paging_top a img, div.list_paging_bottom a img, 
div.ExportLinks a img
{
	vertical-align: middle;
	border-width: 0px;
}

div.ExportLinks a {
 color: #ffffff;
}

td.AggregateColumn {
	font-weight: bold;
	text-align: right;
	color: Red;
}


/*______________________EXPORT MENU STYLING_______________________*/
.dropdown {
	position: relative;
	float: right;
}

.dropdownhead {
	margin: 0;	
}

.dropdownbody {
	position: absolute;
	top: 24px;
	width:124px;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3; 
	list-style:none;
	padding: 0;
	margin: 0;
	display: none;
}

.dropdownbody li {
	background:white;
}

.dropdownbody li a {
	text-decoration:none;
	padding:10px;
	display:block;
}

table.radDateRange {
	width: 350px;
 }


 /*______________Tab Styles__________________*/


.tabWrapper {
	padding-top: 9px;
}

.innerTabWrapper {
	margin: 0;
}

ul.innerTabs,
ul.tabs{
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
    margin-top:-16px;
}

ul.innerTabs li,
ul.tabs li{
	list-style: none;
	display: inline-block;	
    margin-top: 16px;
}

ul.innerTabs li a{
	background: #dbdbdb;
	color: white;
	padding: 3px 6px;
	border-radius: 30px;
	border: 0;
}

ul.innerTabs li a.innerActiveTab{
	background: #b3b3b3    
}


ul.tabs li a{
	background:  url('../img/tabbginactive.png');
	padding: 8px 14px 7px 14px;
	border: 1px #b3b3b3 solid;
	border-right: 0;
}

ul.tabs li:last-child a{
	border-right: 1px #b3b3b3 solid;

}

ul.tabs li a:hover{
	background:  url('../img/tabbg.png');
}


ul.tabs li a.activeTab{
	background:  url('../img/tabbg.png');
	border-bottom: 1px white solid;
}

ul.tabs li a:actived{
	outline: none;
}

.innerTabbedContent{
	padding: 10px;
	border-bottom: 1px #dbdbdb solid;
	margin-bottom: 15px;	
}


/*_________________________Report Schedule Styles___________________*/

table#reportSchedule {
	border-collapse: collapse;
	width: 100%;
}

table#reportScheduleNames {
	border-collapse: collapse;
	width: 500px;
}

table#reportSchedule th, 
table#reportScheduleNames th, 
table#reportScheduleNames td {    
	border: solid 1px #000000;
	text-align: left;
}

.A {background-color: White}
.AH {background-color: White; border-left: 2px solid Orange !important}
.R {background-color: #c95f5f}
.RH {background-color: #c95f5f; border-left: 2px solid Orange !important}
.G {background-color: #57bc38}
.GH {background-color: #57bc38; border-left: 2px solid Orange !important}
.B {background-color: #3c43ca}
.BH {background-color: #3c43ca; border-left: 2px solid Orange !important}

table#reportSchedule tr td
{
	border-width: 1px 0px 1px 2px;
	border-color: #eaeaea;
	border-style: solid;
}
table#reportSchedule tr td.Inactive {background-color: #aaa}
table#reportSchedule tr td.InactiveOnHour {background-color: #aaa; border-left: 2px solid #FD902F}
table#reportSchedule tr td.NotDue {background-color: Green;}
table#reportSchedule tr td.NotDueOnHour{background-color: Green; border-left: 2px solid #FD902F;}
table#reportSchedule tr td.Due {background-color: Blue;}
table#reportSchedule tr td.DueOnHour {background-color: Blue; border-left: 2px solid #FD902F;}
table#reportSchedule tr td.Overdue {background-color: Red;}
table#reportSchedule tr td.OverdueOnHour {background-color: Red; border-left: 2px solid #FD902F;}
table#reportSchedule tr td.Scanned {background-color: Green;}
table#reportSchedule tr td.ScannedOnHour {background-color: Green; border-left: 2px solid #FD902F;}

table#reportSchedule tr td.Now {border-left: 6px solid blue;}
table#reportScheduleNames tr th, table#reportSchedule tr th
{
	color: White;
	background-color: #00b5f1;
	padding: 5px 0px 5px 5px;
	border-left: 2px solid #FD902F;
}

table#reportScheduleNames tr th
{
	border-left: 1px solid #000000;

}

table#reportScheduleNames tr.oddRow, table#reportSchedule tr.oddRow
{
	background-color: #CCC;
}

table#reportScheduleNames tr.evenRow, table#reportSchedule tr.evenRow
{
	background-color: #EEE;
}

.twodimensionalcode{
	width: 260px;
	background-color:#3d4b5e ;
	
}
.twodimensionalcode p{
	color:#ffffff;
	width:220px;
	line-height:40px;
	background-color:#517cc0;
	border-radius:4px;
	margin: 25px auto;
}
.twodimensionalcode figure{
	margin-top:100px;
}
/*______LOGIN STYLES________*/

.loginwrapper
{
	margin: 0 auto;
	margin-top: 10%;
	position: relative;
	width: 660px;
}

#loginLogo{
    text-align: center;
	width: 360px;
	margin: 0 0 40px 0;
	
}

div#customerLogoDiv
{
	margin-bottom: 30px;
}


.loginInput{
	width: 290px;
	font-size: 18px;
	color: #999999;
	margin-top: 5px;
	padding: 2px;
	height:35px;
}

label
{
   color: #2e323b; 
}

label.loginField, label.passwordField {
	
	font-size: 18px;
	
}

.loginForm{
	width: 300px;
	margin: 20px 10px;
}
.loginForm .loginField{
	line-height:29px;
}
#loginButton{
	background: url('../img/loginbutton.png');
	height: 27px;
	width: 81px;
	border: 0;
	cursor: pointer;
}
 
 /*__________________RAD Date Pickers_________*/
 

 .radDateWrap
 {
	 width: 172px;
 }    
 
 
 
 /*____$Incident Report images___*/
 
 
 .incidentReportPicture
 {
	 cursor: pointer;
	 margin-left: 40%;
		
 }
 
 /*_____Message pop up styles_____________________*/
 
 p#vtip  
 {
	 display: none; 
	 position: absolute; 
	 padding: 10px; 
	 left: 5px; 
	 font-size: 0.8em; 
	 background-color: white; 
	 border: 1px solid #a6c9e2; 
	 -moz-border-radius: 5px; 
	 -webkit-border-radius: 5px; 
	 z-index: 9999 
  }
p#vtip #vtipArrow  
{
	position: absolute; 
	top: -10px; 
	left: 5px 
}

/*_______MODAL WINDOW STYLES____________*/

#mask
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	background-color: #000000;
	display: none;
}

#boxes .window
{
	position: fixed;
   
	display: none;
	z-index: 9999;
	padding: 20px;
}

#boxes #imagePop
{
	box-shadow: 2px 2px 10px #000000;
	border-radius: 10px; 
	background: white;
}

.close
{
   margin-top: 30px;
   float: right;
	
}  


/*____RAD TREE STYLES__________________*/

#LeftTreeView, #RightTreeView{
	width: 250px;
	height: 150px;
	overflow: auto;
	float: left;
	border: 1px solid #d2d2d2;
	
	margin-top: 10px;
	
}

#RightTreeView
{
	border: 1px solid #00b5f1;
}

.arrowRight
{
	float: left;
	margin-top: 10px;
	}
	

/*___________NEWS STYLING_____________*/

.newsTitle 
{
	color: #00b5f1;
	text-align: left; 
	padding-top: 15px;
	
}

.snippet
{
	padding: 10px 0 15px 0;
	border-bottom: 1px #efefef solid;
   
}

.newsItem
{
   margin-bottom: 5px;
}

/*____Checkpoint selector tables_______*/

table#unselectedCheckpoints, table#selectedCheckpoints
{
	border-collapse: collapse;
	border: 0;
	margin: 5px 10px 10px 5px;
}

table#unselectedCheckpoints td, table#selectedCheckpoints td
{
	height: 20px;
	border: 0;
}

table#unselectedCheckpoints th, table#selectedCheckpoints th
{
	font-size: 16px;
	text-align: left;
	padding-bottom: 10px;
	color: #00b5f1;
	font-weight: normal;
	border: 0;
}

table#selectedCheckpoints tr.checkpoint
{
	color: #7b7b7b;
}

table#selectedCheckpoints tr.checkpoint td:first-child
{
	background: url('../img/treemiddleBG.gif') 0 0 no-repeat;
	width: 30px;
}

table#selectedCheckpoints tr.checkpoint.last td:first-child
{
	background: url('../img/treebottomBG.gif') 0 0 no-repeat;
	width: 30px;
}

table#unselectedCheckpoints a
{
	background: url('../img/treeaddBtn.gif') no-repeat;
	display: block;
	width: 21px;
	height: 20px;
	text-indent: -9999px;
}

table#selectedCheckpoints a
{
	background: url('../img/treeremoveBtn.gif') no-repeat;
	display: block;
	width: 21px;
	height: 20px;
	text-indent: -9999px;
}  

.scrollingControlContainer
{
	overflow-x: hidden;
	overflow-y: scroll;
}

.scrollingCheckBoxList
{
	border: 1px #808080 solid;
	margin: 10px 10px 10px 10px;
	height: 250px;
}  


/*______Action List Styles_______*/

#ActionListName {
	margin-top: 8px;
}

#ActionList_Filter {
	margin: 10px 0px 10px 0px;
}

#ActionList_Filter_Left_Title, #ActionList_Filter_Right_Title {
	float: left;
	width: 366px;
	margin: 3px;
}

#ActionList_Filter_Left, #ActionList_Filter_Right {
	float: left;
	width: 360px;
	border: solid 1px #9097a9;
	min-height: 150px;
	max-height: 150px;
	overflow: auto;
	padding: 5px;
}

#ActionList_Filter_Left_Title, #ActionList_Filter_Left {
	margin-right: 12px;
}

table.ScheduleTable {
	border-collapse: collapse; 
	
}

table.ScheduleTable td {
	border: solid 1px #084164;
}

.leftCol, .rightCol {
	float: left;
	width: 50%;
}

div#left
{
	width: 200px;
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: right;
	height: 584px;
	overflow-x: scroll;
	-ms-overflow-x: scroll;
	margin-top: 20px
}

div#right
{
	overflow-x: scroll;
	-ms-overflow-x: scroll;
	margin-left: 200px;
	min-width: 500px;
	height: 584px;
	margin-top: 20px
}

#treeView {
	max-height: 150px;
	min-height: 150px;
	overflow: auto;
	border: 1px solid #153b75;
}

#popupDiv {
	display: none; 
	background-color: #ffffcc; 
	position: absolute; 
	width: 200px; 
	padding: 10px;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #cccccc
}

.scrollingList {height: 200px; overflow: auto; border: 1px solid red;}

#RosterTable
{
	border-collapse: collapse;
	border: 1px solid black;
}

#RosterTable tbody tr td img
{
	height: 24px;
}

.WarningText
{
	color: Orange;
}

/*________Alarm_________________________________*/

div#alarmStatus {
	width: 180px;
	height: 20px;
	font-weight: bold;
	Position: absolute;
	left: 10px;
	padding: 10px 10px 5px 10px;
	z-index: 100;
	background-position: 95% 50%;
	background-repeat: no-repeat;
	cursor: w-resize;
}

div.alarmStatusGreen
{
	background-color: #aee8b2;
	background-image: url("../Icons/thumb_up.png");
	border: 1px solid #05af13;
}

div.alarmStatusOrange
{
	background-color: Orange;
	background-image: url("../Icons/thumb_down.png");
	border: 1px solid #961012;
}

div.alarmStatusRed
{
	background-color: #e28688;
	background-image: url("../Icons/thumb_down.png");
	border: 1px solid #961012;
}


div#alarmDetail {
	border: 1px solid #961012;
	width: 180px;
	height: 225px;
	Position: absolute;
	left: 10px;
	padding: 10px 10px 10px 10px;
	z-index: 100;
	overflow: hidden;
	display: none;
}

    div#alarmDetail.alarmDetailRed
    {
        background-color: #e28688;
    }

    div#alarmDetail.alarmDetailOrange
    {
        background-color: orange;
    }

div#alarmTitle {
	font-weight: bold;
	font-size: 1.2em;
}

div#alarmMessage {
	min-height: 150px;
	max-height: 150px;
	overflow: auto;
	margin: 8px 0px 8px 0px;
	padding: 3px;
	border: 1px solid #961012;
}

div#alarmButton {
	text-align: right;
}


div.roster {
	width: 450px;
	margin: 0px 0px 15px 0px;
}

#pnlRosterStuff {
	padding-top: 15px;
}

/*__________________DnD Styling__________________*/

input[type="submit"]
/*,a.advancedExpand*/{ 
	font-family: arial, Sans-Serif;
	background: #009bce url('../img/buttonbg.png') repeat-x;
	border: 1px;
	border-radius: 4px;
	color: white;
	padding: 5px 10px 5px 10px;
	box-shadow: 2px 2px 5px #dedede;
	cursor: pointer;
	margin-right: 5px;
	font-style: normal;
 }

.btnMap {
    font-family: arial, Sans-Serif;
    background: #009BCE url('../img/buttonbg.png') repeat-x;
    border: 1px;
    border-radius: 4px;
    color: #FFF;
    padding: 5px 10px 5px 10px;
    box-shadow: 2px 2px 5px #DEDEDE;
    cursor: pointer;
    margin-right: 5px;
    font-style: normal;
}
 
 a.advancedExpand:hover
 {
	 text-decoration: none;
 }

.draggingRow
{
	position:absolute;
	z-index:999;
	left: 500px;
	background: #efefef;
	border: 1px solid #cfcfcf;
	padding:10px;
	min-width:250px;
	box-shadow: 3px 3px 3px #efefef;
	}
 
 .dragMessage
 {
	 color: White;
 }
 
#load
{
	display: inline-block;
	margin-left: 5px;   
}

table.draggableTable, table.actionItemTable {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-top: 0;
	border-collapse: collapse;
}

table.draggableTable th, table.actionItemTable th {
	background: url('/img/elementcellbg.png');
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;    
}

table.draggableTable tr:last-child td, table.actionItemTable tr:last-child td
{
	border-bottom: #cfcfcf;
}

table.draggableTable tr td, table.actionItemTable tr td 
{
	background: #efefef url('/img/elementcellbg.png') repeat-x;   
	border-top: white 1px solid;
	padding: 10px;
	border-bottom: #efefef 1px solid;
}

.myDragClass
{
	background: #a1d9ec;
	color: rgba(0,0,0,0);
}

.draggingMessage
{
	color: #a1d9ec;   
}


div.pageSeparator {
	padding: 8px 0px 8px 5px;
}

a.pagesAnchor {
	font-size: 1.2em;
	font-weight: bold;
}

div#formContents {
	margin: 5px 2px 5px 2px;
}

div.formPage, div.actionList {
	padding: 10px 4px 10px 4px;
	font-weight: bold;
	font-size: 1.1em;
	background-image: url('/img/normalpageheader.jpg');
	background-position: right;
	background: url('/img/normalpageheader.jpg') right no-repeat, url('/img/formBG.png') left repeat-x;
	border: 1px solid #cfcfcf;   
}

div.actionList
{
	background: url('/img/actionlistheader.jpg');
}

div.barcode
{
	background-image: url('/img/barcodepageheader.jpg');
	background-position: right;
	background: url('/img/barcodepageheader.jpg') right no-repeat, url('/img/formBG.png') left repeat-x;  
}

div.left div.right {
	float: right;
	width: 150px;
	font-size: 0.9em;
	padding-bottom: 5px;
}

div.formPage div.right, div.actionList div.right {
	float: right;
	width: 80px;
	font-size: 0.9em;
}

div.extraElementDetails {
	border: 1px solid #999999;
	margin: 5px 10px 15px 10px;
	padding: 8px;
}

div#divDescription {
	padding-bottom: 15px;
}

div.Notes {
	border:1px solid #000000; 
	min-width:300px; 
	min-height:200px; 
	max-width:300px; 
	max-height:200px; 
	overflow:auto;
	padding: 5px;
}

/*_______JOB SCHEDULING AND MANAGEMENT_____*/

#newjoblink{
	position: relative;
}

.buttonDiv
{
	margin-top: 10px;
}


#plus{	
	position: absolute;
	left: 0;
	top: 3px;
}

#minus{
	display: none;	
	position:absolute;
	left: 0;
	top: 3px;
}

#newjoblink p{
	padding-left: 20px;
}

#pushjobheader.form_title{
	border-bottom: 0px;

}

#PushJobFilter {
	margin-bottom: 20px;
}

#jobschedule_list_table tr > td:first-child { 
  text-align: center;
}

#PushJob_Filter_Left_Title, #PushJob_Filter_Right_Title {
	float: left;
	width: 366px;
	margin: 3px;
}

#submitfilter {
	margin-top: 10px;
}

#formlist {
	width: 99.9%;
}

#formlist .radiocolumn {
	width: 10px;
}

#PushJob_Filter_Left, #PushJob_Filter_Right {
	float: left;
	width: 360px;
	border: solid 1px #9097a9;
	min-height: 150px;
	max-height: 150px;
	overflow: auto;
	padding: 5px;
	margin-right: 12px;
}

#PushJob_Filter_Right {
	margin-right: 0px;
	padding: 0px;
	min-height: 160px;
	max-height: 160px;
}

.checkboxcolumn {
	
	max-width: 10px;
	min-width: 10px;
}

#PushJob_Filter_Right .radiobutton {
	
	margin-bottom: 2px;
	margin-right: 10px;
}

#newjoblink span{
	display: block;
	margin-left: 20px;
}

/*_________Job managemet_______________*/

.jobScheduleTable
{
	max-width: 1000px;
   
	border-collapse: collapse;
	margin-bottom: 20px;
}

.jobScheduleTable th
{
	background-color: #00b5f1;
	background-image: url('../img/scheduleheadbg.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	color: White;
}

.jobScheduleTable td
{
	cursor: pointer;
	padding: 5px 0;
}

.jobScheduleTable td,
.jobScheduleTable th
{
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #00b5f1;
	width: 3.75%;
	text-align: left;
}

.jobScheduleTable th.name
{
	background: none;
	border: 0;
	width: 10%;
}

.jobScheduleTable td.name
{
	background: none;
	border: 0;
	text-align: right;
	padding-right: 5px;
	color: #00b5f1;
	font-weight: bold;
}

.jobScheduleTable td.booked
{
	background: #dbdbdb;
}

.jobScheduleTable td.newBooking
{
	background: #f1b500;
}

.advancedPanel
{
	border: 1px solid #dbdbdb;
	display: none;
}


/*____________JOB SCHEDULING____________*/
div.scheduleDetailsWrap, div.bookJobPopupWrap
{
    padding: 6px;
	position: absolute;
	background: #dbdbdb url('../img/scheduleDetailsBG.png') repeat-x;
	z-index: 9998;
	border-radius: 10px;
	border: 1px solid #c7c7c7;
	box-shadow: 0 0 7px rgba(0,0,0,0.15);
}


div.scheduleDetailsControls, div.bookJobPopupControls
{
    margin-bottom: 6px;
    text-align: right;
}

a.closeWindow
{
    display: block;
    width: 10px;
    height: 10px;
    background: url('../Icons/closewindow.png') 0 0 no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
}

/*_____Clearfix______*/

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/** unreliable timesheet entries **/
table.list_table tbody tr.unreliable, table.list_table tbody tr.overdue
{
    background-color: #c43434;
    color: White;
}

/* ============= !Forms(New Style) ===============*/

.formContainer {

}
    
    .formContainer .line {
        margin-bottom: 1.5em;
    }

    .formContainer label {
        text-align: right;
        display: inline-block;
        width: 200px;
        padding-right: 12px;
    }

.inlineDiv {
    display: inline-block;
}

.assetTableContainer,
#assetName {
    margin-bottom: 3em;
}

.assetTable {
    margin-left: 217px;
}

input[type=button].deleteTableGridRow {
    display: block;
    border: 0;
    background: url('../Icons/delete.png') 0 0 no-repeat;
    height: 16px;
    width: 16px;
    text-indent: 16px;
    overflow: hidden;
    white-space: nowrap;
}

/* ---------------------Planning Module Styles---------------------*/
#scheduleTableContainerWrapper {
}

#scheduleTableContainer {
    margin-top: 20px;
    padding-bottom:10px;
    overflow: scroll;
}

#scheduleTable {
    table-layout: fixed;
}

td.expanded {
    width: 20px;
}

th.fixedWidth {
	width: 100px !important;
	text-align: center;
}

table.draggableTable td.fixedWidth, table.actionItemTable td.fixedWidth
{
	text-align: center;
	padding: 0;
}

#scheduleTableBody tr td {
    white-space: nowrap;
    font-size: 0.8em;
    padding: 2px 4px 1px 4px;
}

#scheduleTableHead tr th {
    white-space: nowrap;
    padding: 2px 4px 1px 4px;
    background-color: #aacccc;
}

.monthExpander {
    cursor: pointer;
    color: #00b5f1;
}

.monthHeader {
    padding: 1px 3px 1px 3px;
}

table.SectionHeader {
    margin-bottom: 10px;
    width: 60%
}

.SectionHeader td {
    font-weight: bold;
}

table.SectionBody, table.SectionSubBody {
    margin-bottom: 10px;
    margin-left: 30px;
    width: 80%;
}

table.SectionFooter {
    margin-bottom: 30px;
    margin-left: 30px;
    width: 80%;
}



.chosenMobilePatrols
{
    width:350px;
    margin: 5px;
    height: 28px;
}

.AutoEmailRow {
    margin: 10px;

}

.AutoTimesheetRow {
    margin: 10px;

}

.AutoComplianceRow {
    margin: 10px;

}

select.chosenMultiSelect{
    width: 300px;
}

select.chosenMultiSelect option{
    width: 200px;
}


#currentLocations, #dynatreeTest {
    margin-top: 20px;
        min-height: 250px;
        max-height: 250px;
        overflow: auto;
}

#addNew, #divConfirmDelete, #addNewWindow, #divConfirmWindowDelete, #exceededWindow, #tilesUpdatePopup
    {
        display: none; /* Hide the DIV */
        position: fixed;
        _position: absolute; /* hack for internet explorer 6 */
        width: 600px;
        background: #FFFFFF;
        left: 300px;
        top: 150px;
        z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
        margin-left: 15px;
                height:470px;
        /* additional features, can be omitted */
        
        padding: 15px;
        font-size: 15px;
        -moz-box-shadow: 0 0 5px #aaaaaa;
        -webkit-box-shadow: 0 0 5px #aaaaaa;
        box-shadow: 0 0 5px #aaaaaa;
    }

#addNewTaskCompliance
{
     display: none; /* Hide the DIV */
        position: fixed;
        _position: absolute; /* hack for internet explorer 6 */
        width: 600px;
        background: #FFFFFF;
        left: 300px;
        top: 150px;
        z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
        margin-left: 15px;
        /* additional features, can be omitted */

        padding: 15px;
        font-size: 15px;
        -moz-box-shadow: 0 0 5px #aaaaaa;
        -webkit-box-shadow: 0 0 5px #aaaaaa;
        box-shadow: 0 0 5px #aaaaaa;
}

#exceededWindow {
    width:420px;
    padding-bottom: 25px;
}

#addNew {
    height: 480px;
}

#divConfirmDelete {
    height: 250px;
}

.hint {
    font-style:italic;
    font-size:0.9em;
    color:grey;
    margin:20px;
}

.tourWindowRow td {
    padding:5px;
    }
.tourWindowRow input, .tourWindowRow select{
    margin-left:5px;
    margin-right:5px;
}

.inputRow {
    margin-top:3px;
    margin-bottom: 3px;
}
    .inputRow .formLabel {
        width:80px;
        padding:4px;
        float:left;
    }

    
    
.popup {
	    display: none; /* Hide the DIV */
        position: fixed;
        _position: absolute; /* hack for internet explorer 6 */
        width: 600px;
        background: #FFFFFF;
        left: 300px;
        top: 150px;
        z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
        margin-left: 15px;
        /* additional features, can be omitted */
        
        padding: 15px;
        font-size: 15px;
        -moz-box-shadow: 0 0 5px #aaaaaa;
        -webkit-box-shadow: 0 0 5px #aaaaaa;
        box-shadow: 0 0 5px #aaaaaa;
}

.cmdActivate {
    float:right;
}

.timePicker {
    width:70px;

}

/* Tiles */

.Tile-Cell {
    border: 1px solid #000;
    display:inline-block;
    width: 140px;
    height: 85px;
    text-align: center;
    margin: 5px;
    background-color: #D2D2D2;
    color:#00B5F1;
    cursor: pointer;
}

.Tile-CellValue {
    font-size:32px;
}

.Tile-CellCaption {
    font-weight: bold;
    color:#000000;
}

.Tile-Wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    height: 85px;
}

.Tile-Customize {
    cursor:pointer;
    float:right;
}

 /* Styles for image displayed on the details page*/
.imgUserLogo {
    width: 100px;
    margin-bottom:5px;
}

.DefaultImgUserLogo {
    width: 60px;
    margin-left: 5px;
}

/* Styles for icon in the report */

.ActivityUserIcon {
    width: 80px;
}


.DefaultActivityUserIcon {
    width: 60px;
    margin-left: 10px;
}

#ltActivity_list th.FirstColumn {
    width: 70px;
}

#ltActivity_list tr td:first-child {
    padding: 0px;
}

.AlarmEmailRow {
    margin-bottom: 5px;
}


.read-only{
    border: none;
}

.RadWWrapperModal tbody {
    height:auto !important;
}

.RadWWrapperActive tbody {
    height: auto !important;
}

.small-field{
    width:50px;
}


.ExpiredSub {
    border: 2px solid red;
}

.TaskComplianceWindow 
        {
            background-color: #F3F3F3;
            margin-bottom: 7px;
            padding:2px;
        }

        .TaskComplianceHeader
        {
            /*background-color:#CC0000;*/
            border: solid 1px black;
            padding:5px;
        }
        .TaskComplianceHeader span
        {
            margin-left: 10px;
        }

        .Site{
            /*background-color:#DDDDDD;*/
            margin-left:20px;
            padding:5px;
        }
        .SiteHeader
        {
            border: solid 1px black;
            padding:5px;
        }
        .SiteHeader span 
        {
            float:right;
        }

        .Location
        {
            /*background-color:#999999;*/
            margin-left:20px;
            padding:5px;
        }

        .Location td
        {
            width:150px;
        }
        .Location table
        {
            margin-top:5px;
            margin-left: 20px;
            border:solid 1px black;
            border-collapse:collapse;
        }
        .Location tr 
        {
            border:solid 1px black;
            border-collapse:collapse;
        }

        .LocationHeader 
        {
            /*background-color:#0000CC;*/
            border: solid 1px black;
            padding:5px;
        }

        .totals
        {
            float:right;
        }
        
